<template>
  <div id="app">
    <Header notab="jobNews"/>
    <div class="contentWeb">
      <!--          面包屑导航-->
      <el-breadcrumb separator-class="el-icon-arrow-right" class="navbar">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>
          <a href="/jobNews.html">职场资讯</a>
        </el-breadcrumb-item>
        <el-breadcrumb-item>资讯详情</el-breadcrumb-item>
      </el-breadcrumb>
      <!--          主题-->
      <div class="content">
        <div style="display: flex; align-items: center;" class="content_title"><img v-if="1 == info.isTop" src="../../assets/img/top.png" style="width: 55px;margin-right: 20px; height: 25px;" />{{info.title}}</div>
        <div class="content_time">{{info.createTime}}</div>
        <div class="content_text" v-html="info.content">
        </div>
      </div>
    </div>
    <Footer/>
  </div>
</template>
<script type="text/babel">
import Header from '../../components/header'
import Footer from '../../components/footer'
import { InquiryWorkplace, GetQueryString } from '../../assets/js/domains'

export default {
  name: 'NewDetail',
  components: {
    Header,
    Footer
  },
  directives: {},
  data: function () {
    return {
      common_id: '',
      info: { levelType1: 0 }
    }
  },
  created: function () {
    document.title = '职场资讯'
  },
  computed: {},
  mounted: function () {
    this.common_id = GetQueryString('id')
    this.getInquiryWorkplace()
  },
  methods: {
    getInquiryWorkplace: function () {
      const _this = this
      InquiryWorkplace({ id: this.common_id }).then(function (res) {
        if (res.code === 200) {
          _this.info = res.data
        } else {
          _this.$alert(res.msg, '提示', {
            confirmButtonText: '确定',
            callback: function () {

            }
          })
        }
      })
    }
  }
}
</script>
<style lang="less" scoped>
  @import "../../assets/css/newsDetail";
</style>
